<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			body {
				font-family: "microsoft yahei", 'Times New Roman', Times, serif;
				font-size: 16px;
			}

			h4 {
				font-size: 20px;
				font-weight: 400;
			}

			.bold {
				font-weight: 700;
				/* font-weight属性400为正常，700为加粗，实际开发中建议数字，不需要跟单位 */
				font-style: normal;
				/* font-style使用中主要使倾斜的字体变正常，其他时候很少用 */
			}
			div{
				/* font复合属性的简写方式，各个属性顺序：font-style font-weight font-size font-family */
				/* 复合属性写法各个属性空格隔开  必不能改顺序 需要省略属性时 size和family必须有 */
                 font:italic 700 20px "microsoft yahei";
			}
		</style>
	</head>

	<body>
		<h4>font-family主要用于设置字体，选用较常见字体，一般用微软雅黑，可以直接设置在body</h4>
		<p>你好吗</p>
		<p>我很好</p>
		<p>谢谢你</p>
		<p>好难搞</p>
		<p class="bold">拼死也要克服前端</p>
		<p>js永远的神</p>
		<h4>需要注意的是标题h标签需要单独指定字体大小</h4>
		<div>三生三世十里桃花，一心一意千行代码</div>
	</body>
</html>
